<template>
    <div class="container">
        <iframe id='iframeid'
            :src=url
            style="margin-top: -96px;margin-left:-60px;margin-bottom:58px; display: block;"
            frameborder="0" marginheight="0" marginwidth="0" border="0"
            hspace="0" vspace="0" scrolling="yes" height="100%" width="100%"></iframe>
    </div>
</template>
<script>
import VIDEOURL from '../../../utils/define'  
export default {
    name: "",
    data() {
        return {
            url: '',
        };
    },
    computed: {},
    created() {
        // window.localStorage.getItem('h5watermarktoggle','none');
        this.url = VIDEOURL.VIDEOURL+'#/app/liveview';
        window.localStorage.getItem('h5watermarktoggle','none');
        // window.localStorage.setItem('h5watermarktoggle',none);
    },
    mounted(){
        // localStorage.h5watermarktoggle = 'block';
        // localStorage.setItem('h5watermarktoggle','none')
        // window.localStorage.getItem('h5watermarktoggle','none');
        // this.url = VIDEOURL.VIDEOURL+'#/app/liveview';
    },
    destroyed() {
    },
    methods: {
        
    }
}
</script>
<style lang="scss">
    html,body {
            height: 100%;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        * {
            margin: 0;
            padding: 0;
        }
        .container{
            width: 100%;
            height: 100%;
            overflow: hidden;
            #iframeid {
                width: calc(100% + 60px);
                width: -webkit-calc(100% + 60px);
                height: calc(100% + 154px);
                height: -webkit-calc(100% + 154px);
                // height: calc(100% - 96px);
                overflow: hidden;
                margin: 0;
            }
        }
</style>